<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>EventSource Demo</title>
</head>
<body>
<h1>实时数据接收</h1>
<div id="output"></div>

<script src="/static/js/jquery-3.5.1.js"></script>
<script>
    // 创建一个EventSource对象，连接到服务器端的SSE接口
    const source = new EventSource('http://meebomid.com/index/test/sse');

    // 监听服务器发送的消息
    source.onmessage = function(event) {
        // try {
            // 解析 JSON 数据
            // const data = JSON.parse(event.data);
            console.log(event);
        // if (event.data === '[DONE]') {
        //     eventSource.close();
        //     return;
        // }
            // 提取 choices[0].message.content 的内容
            // const content = data.choices[0].message.content;
            // // 将内容显示在页面上
            // document.getElementById('output').innerHTML += `<p>${content}</p>`;
        // } catch (error) {
        //     console.error('JSON 解析错误:', error);
        // }
    };

    // 处理错误事件
    source.onerror = function(event) {
        console.error('SSE error:', event);
        source.close();
    };
</script>
</body>
</html>
